﻿<!DOCTYPE html>
<html>
  <head>
    <title>新建表白</title>
    <meta http-equiv="X-UA-Compatible" content="IE=edge"/>
    <meta http-equiv="content-type" content="text/html; charset=utf-8"/>
    <meta name="apple-mobile-web-app-capable" content="yes"/>
    <link href="resources/css/jquery-ui-themes.css" type="text/css" rel="stylesheet"/>
    <link href="resources/css/axure_rp_page.css" type="text/css" rel="stylesheet"/>
    <link href="data/styles.css" type="text/css" rel="stylesheet"/>
    <link href="files/新建表白/styles.css" type="text/css" rel="stylesheet"/>
    <script src="resources/scripts/jquery-1.7.1.min.js"></script>
    <script src="resources/scripts/jquery-ui-1.8.10.custom.min.js"></script>
    <script src="resources/scripts/prototypePre.js"></script>
    <script src="data/document.js"></script>
    <script src="resources/scripts/prototypePost.js"></script>
    <script src="files/新建表白/data.js"></script>
    <script type="text/javascript">
      $axure.utils.getTransparentGifPath = function() { return 'resources/images/transparent.gif'; };
      $axure.utils.getOtherPath = function() { return 'resources/Other.html'; };
      $axure.utils.getReloadPath = function() { return 'resources/reload.html'; };
    </script>
  </head>
  <body>
    <div id="base" class="">

      <!-- Unnamed (组合) -->
      <div id="u3095" class="ax_default" data-left="200" data-top="35" data-width="375" data-height="667">

        <!-- Unnamed (矩形) -->
        <div id="u3096" class="ax_default box_1">
          <div id="u3096_div" class=""></div>
        </div>
      </div>

      <!-- Unnamed (组合) -->
      <div id="u3097" class="ax_default" data-left="199" data-top="35" data-width="376" data-height="40">

        <!-- Unnamed (矩形) -->
        <div id="u3098" class="ax_default _形状">
          <div id="u3098_div" class=""></div>
        </div>

        <!-- Unnamed (组合) -->
        <div id="u3099" class="ax_default" data-left="206" data-top="50" data-width="46" data-height="8">

          <!-- Unnamed (矩形) -->
          <div id="u3100" class="ax_default _形状">
            <img id="u3100_img" class="img " src="images/主要页面/u343.png"/>
          </div>

          <!-- Unnamed (矩形) -->
          <div id="u3101" class="ax_default _形状">
            <img id="u3101_img" class="img " src="images/主要页面/u343.png"/>
          </div>

          <!-- Unnamed (矩形) -->
          <div id="u3102" class="ax_default _形状">
            <img id="u3102_img" class="img " src="images/主要页面/u343.png"/>
          </div>

          <!-- Unnamed (矩形) -->
          <div id="u3103" class="ax_default _形状">
            <img id="u3103_img" class="img " src="images/主要页面/u343.png"/>
          </div>

          <!-- Unnamed (矩形) -->
          <div id="u3104" class="ax_default _形状">
            <img id="u3104_img" class="img " src="images/主要页面/u343.png"/>
          </div>
        </div>

        <!-- Unnamed (组合) -->
        <div id="u3105" class="ax_default" data-left="537" data-top="47" data-width="31" data-height="17">

          <!-- Unnamed (矩形) -->
          <div id="u3106" class="ax_default _形状">
            <div id="u3106_div" class=""></div>
          </div>

          <!-- Unnamed (矩形) -->
          <div id="u3107" class="ax_default _形状">
            <div id="u3107_div" class=""></div>
          </div>

          <!-- Unnamed (矩形) -->
          <div id="u3108" class="ax_default _形状">
            <div id="u3108_div" class=""></div>
          </div>
        </div>
      </div>

      <!-- Header 2 (矩形) -->
      <div id="u3109" class="ax_default _文本段落" data-label="Header 2">
        <div id="u3109_div" class=""></div>
        <div id="u3109_text" class="text ">
          <p><span>MUX</span></p>
        </div>
      </div>

      <!-- Header 2 (矩形) -->
      <div id="u3110" class="ax_default _文本段落" data-label="Header 2">
        <div id="u3110_div" class=""></div>
        <div id="u3110_text" class="text ">
          <p><span>10:30 PM</span></p>
        </div>
      </div>

      <!-- Header 2 (矩形) -->
      <div id="u3111" class="ax_default _文本段落" data-label="Header 2">
        <div id="u3111_div" class=""></div>
        <div id="u3111_text" class="text ">
          <p><span>100%</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u3112" class="ax_default box_2">
        <div id="u3112_div" class=""></div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u3113" class="ax_default label">
        <div id="u3113_div" class=""></div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u3114" class="ax_default label">
        <div id="u3114_div" class=""></div>
        <div id="u3114_text" class="text ">
          <p><span>新建表白</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u3115" class="ax_default link_button">
        <div id="u3115_div" class=""></div>
        <div id="u3115_text" class="text ">
          <p><span>表白详情：</span></p>
        </div>
      </div>

      <!-- Unnamed (多行文本框) -->
      <div id="u3116" class="ax_default text_area">
        <textarea id="u3116_input">XXX我喜欢你啊！！！</textarea>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u3117" class="ax_default primary_button">
        <div id="u3117_div" class=""></div>
        <div id="u3117_text" class="text ">
          <p><span>发布</span></p>
        </div>
      </div>

      <!-- Unnamed (形状) -->
      <div id="u3118" class="ax_default icon">
        <img id="u3118_img" class="img " src="images/添加我的评论/u2756.png"/>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u3119" class="ax_default label">
        <div id="u3119_div" class=""></div>
        <div id="u3119_text" class="text ">
          <p><span>11 / 50</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u3120" class="ax_default _文本段落">
        <img id="u3120_img" class="img " src="images/新建表白/u3120.png"/>
        <div id="u3120_text" class="text ">
          <p><span><br></span></p><p><span>1.在“表白墙主页”页面点击&nbsp; &nbsp; &nbsp; &nbsp;&nbsp; 进入此页面。</span></p><p><span><br></span></p><p><span>2.点击&nbsp; &nbsp; &nbsp;&nbsp; 返回“表白墙主页”页面。</span></p><p><span><br></span></p><p><span>3.在输入框可输入文字和表情，字数不能超50字，表情个数不限，输入框底部有提示用户目前已输入多少字。若用户输入超出50字则弹出提示框提示用户目前已超出字数。若超出字数“发布”按钮则变为灰色，用户则不能发布此评论。</span></p><p><span><br></span></p><p><span><br></span></p><p><span><br></span></p><p><span><br></span></p><p><span><br></span></p><p><span><br></span></p><p><span><br></span></p><p><span><br></span></p><p><span><br></span></p><p><span><br></span></p><p><span><br></span></p><p><span>4.点击“发布”则会弹出到“发布成功/失败”的窗口。</span></p><p><span><br></span></p><p><span>若发布成功：点击“返回”则返回“表白墙主页”页，点击“查看”则跳转到“表白详情页”，新发布的表白则排在所有表白的最后，随着点赞数的不断增加，顺序也不断往上移。（注：所有非置顶的表白的排序都排在被置顶的表白下面）发布成功的表白会被标红，提醒用户该表白是自己发表的。（其他用户是看不到标红，只有用户自己看到是标红）</span></p><p><span><br></span></p><p><span><br></span></p><p><span><br></span></p><p><span><br></span></p><p><span><br></span></p><p><span><br></span></p><p><span><br></span></p><p><span><br></span></p><p><span><br></span></p><p><span><br></span></p><p><span><br></span></p><p><span><br></span></p><p><span><br></span></p><p><span><br></span></p><p><span><br></span></p><p><span><br></span></p><p><span><br></span></p><p><span><br></span></p><p><span><br></span></p><p><span><br></span></p><p><span><br></span></p><p><span><br></span></p><p><span><br></span></p><p><span><br></span></p><p><span><br></span></p><p><span><br></span></p><p><span><br></span></p><p><span><br></span></p><p><span><br></span></p><p><span><br></span></p><p><span><br></span></p><p><span><br></span></p><p><span>若表白失败：点击“重新表白”则回到“新建表白”页，点击“返回”则跳转回“表白墙主页”。若用户是因为网络原因导致吐槽失败，则会有提示用户注意网络的文字。</span></p><p><span><br></span></p><p><span><br></span></p><p><span><br></span></p><p><span><br></span></p><p><span><br></span></p><p><span><br></span></p><p><span><br></span></p><p><span><br></span></p><p><span><br></span></p><p><span><br></span></p><p><span><br></span></p><p><span><br></span></p>
        </div>
      </div>

      <!-- Unnamed (图片) -->
      <div id="u3121" class="ax_default _图片">
        <img id="u3121_img" class="img " src="images/留言墙主页/u2626.png"/>
      </div>

      <!-- Unnamed (组合) -->
      <div id="u3122" class="ax_default" data-left="735" data-top="240" data-width="216" data-height="84">

        <!-- Unnamed (矩形) -->
        <div id="u3123" class="ax_default box_1">
          <div id="u3123_div" class=""></div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u3124" class="ax_default label">
          <div id="u3124_div" class=""></div>
          <div id="u3124_text" class="text ">
            <p><span>您的字数已达上限</span></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u3125" class="ax_default button">
          <div id="u3125_div" class=""></div>
          <div id="u3125_text" class="text ">
            <p><span>确定</span></p>
          </div>
        </div>
      </div>

      <!-- Unnamed (组合) -->
      <div id="u3126" class="ax_default" data-left="729" data-top="1061" data-width="216" data-height="119">

        <!-- Unnamed (矩形) -->
        <div id="u3127" class="ax_default box_1">
          <div id="u3127_div" class=""></div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u3128" class="ax_default button">
          <div id="u3128_div" class=""></div>
          <div id="u3128_text" class="text ">
            <p><span>返回</span></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u3129" class="ax_default label">
          <div id="u3129_div" class=""></div>
          <div id="u3129_text" class="text ">
            <p><span>表白失败</span></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u3130" class="ax_default button">
          <div id="u3130_div" class=""></div>
          <div id="u3130_text" class="text ">
            <p><span>重新表白</span></p>
          </div>
        </div>

        <!-- Unnamed (形状) -->
        <div id="u3131" class="ax_default icon">
          <img id="u3131_img" class="img " src="images/添加我的评论/u2777.png"/>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u3132" class="ax_default label">
          <div id="u3132_div" class=""></div>
          <div id="u3132_text" class="text ">
            <p><span>请确保网络连接畅通</span></p>
          </div>
        </div>
      </div>

      <!-- Unnamed (组合) -->
      <div id="u3133" class="ax_default" data-left="734" data-top="506" data-width="216" data-height="84">

        <!-- Unnamed (矩形) -->
        <div id="u3134" class="ax_default box_1">
          <div id="u3134_div" class=""></div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u3135" class="ax_default button">
          <div id="u3135_div" class=""></div>
          <div id="u3135_text" class="text ">
            <p><span>查看</span></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u3136" class="ax_default label">
          <div id="u3136_div" class=""></div>
          <div id="u3136_text" class="text ">
            <p><span>表白成功</span></p>
          </div>
        </div>

        <!-- Unnamed (形状) -->
        <div id="u3137" class="ax_default icon">
          <img id="u3137_img" class="img " src="images/添加我的评论/u2783.png"/>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u3138" class="ax_default button">
          <div id="u3138_div" class=""></div>
          <div id="u3138_text" class="text ">
            <p><span>返回</span></p>
          </div>
        </div>
      </div>

      <!-- Unnamed (图片) -->
      <div id="u3139" class="ax_default _图片">
        <img id="u3139_img" class="img " src="images/留言墙主页/u2627.png"/>
      </div>

      <!-- Unnamed (图片) -->
      <div id="u3140" class="ax_default _图片">
        <img id="u3140_img" class="img " src="images/新建表白/u3140.png"/>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u3141" class="ax_default flow_shape">
        <img id="u3141_img" class="img " src="images/评价墙/u2487.png"/>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u3142" class="ax_default _三级标题">
        <div id="u3142_div" class=""></div>
        <div id="u3142_text" class="text ">
          <p><span>关于新建</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u3143" class="ax_default label">
        <div id="u3143_div" class=""></div>
        <div id="u3143_text" class="text ">
          <p><span>用户点击新建按钮，发表新的匿语，则在后台管理员、编辑【匿语】页面会有相应的匿语显示，此时匿语分类为“表白墙”</span></p>
        </div>
      </div>

      <!-- Unnamed (图片) -->
      <div id="u3144" class="ax_default _图片">
        <img id="u3144_img" class="img " src="images/新建留言/u2815.png"/>
      </div>

      <!-- Unnamed (椭圆形) -->
      <div id="u3145" class="ax_default ellipse">
        <img id="u3145_img" class="img " src="images/新建留言/u2816.png"/>
      </div>

      <!-- Unnamed (形状) -->
      <div id="u3146" class="ax_default icon">
        <img id="u3146_img" class="img " src="images/表白详情/u2953.png"/>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u3147" class="ax_default primary_button">
        <div id="u3147_div" class=""></div>
        <div id="u3147_text" class="text ">
          <p><span>发布</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u3148" class="ax_default _文本段落">
        <div id="u3148_div" class=""></div>
        <div id="u3148_text" class="text ">
          <p><span><br></span></p><p><span>5.①若在撰写过程中接到来电，挂电话后则自动跳回此页面，用户接电话前编写的内容还在，可继续编写；</span></p><p><span>②若用户因网络中断、手机自动关机、此软件被强制退出等，则用户编写的内容将不会保留，需重新编辑。</span></p><p><span>③用户编写完发送后，若发送失败，发送前撰写的文本也不会保留，需重新编写。</span></p>
        </div>
      </div>
    </div>
  </body>
</html>
